.loginbody {
  background: url(../../assets/images/loginbg.jpg) no-repeat center center;
  background-size: 100% auto;
  height: 100vh;
  .logintitle {

    font-size: 42px;
    color: #00519d;
    text-align: center;
    line-height: 120px;
    text-shadow: 0 0 6px #fff;
    font-weight: bold;
  }
}
.logincnt {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 560px;
  height: 460px;
  border-radius: 6px;
  box-shadow: 0 0 10px #ccc;
  background: #fff;
  &.regcnt {
    height: 480px;
  }
  .topbg {
    width: 560px;
    height: 120px;
    background-position: center center;
    border-radius: 6px 6px 0 0;
    margin-bottom: 30px;
    .title {
      font-size: 48px;
      color: #fff;
      text-align: center;
      line-height: 120px;
      text-shadow: 0 0 6px #000;
    }
    &.bg0 {
      background-image: url(../../assets/images/loginbg0.jpg);
    }
    &.bg1 {
      background-image: url(../../assets/images/loginbg1.jpg);
    }
    &.bg2 {
      background-image: url(../../assets/images/loginbg2.jpg);
    }
    &.bg3 {
      background-image: url(../../assets/images/loginbg3.jpg);
    }
  }
  .reg {
    text-align: right;
    padding-right: 100px;
    padding-left: 114px;
  }
  .log {
    text-align: right;
    padding-right: 80px;
  }
}
.lang {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
